<template>
    <div class="father">
        <h1>father组件...</h1>
        <Son :message="message"></Son>
        <input type="text" v-model="message">
        <h3>{{message}}</h3>
    </div>
</template>

<script>
    import Son from "@/components/Son";
    export default {
        name: "Father",
        data(){
            return{
                message:"父传值到子..."
            }
        },
        components:{
            Son
        }
    }
</script>

<style scoped>
    .father{
        background-color: red;
    }
</style>